<template>
	<view class="content">
		<view class="section-0">
			<view class="section-body">
				<view class="list" v-for="(item,index) in list" :key='index'>
					<view class="describe"><text>物料描述：</text>{{item.describe}}</view>
					<view class="describe"><text>批次：</text>{{item.number}}</view>
					<view class="describe"><text>审计风险：</text>{{item.audit_risk}}</view>
					<view class="describe" v-if="item.status==1"><text>利库可行性：</text>可利库</view>
					<view class="describe" v-else-if="item.status==2"><text>利库可行性：</text>不可利库</view>
					<view class="describe" v-else-if="item.status==3"><text>利库可行性：</text>已推派</view>
					<view class="describe" v-else><text>利库可行性：</text>待核实</view>
					<view class="describe"><text>利库可行性：</text>{{item.liku_feasibility}}</view>
					<view class="describe"><text>退料项目名称：</text>{{item.project_name}}</view>
					<view class="describe"><text>退料单位工程：</text>{{item.children_project_name}}</view>
					<view class="describe"><text>退料负责人：</text>{{item.charge_person}}</view>
					<view class="describe"><text>大类描述：</text>{{item.big_cate_des}}</view>
					<view class="describe"><text>中类描述：</text>{{item.mid_cate_des}}</view>
					<view class="describe"><text>小类描述：</text>{{item.small_cate_des}}</view>
					<view class="describe"><text>计量单位：</text>{{item.measure_unit}}</view>
					<view class="describe"><text>当前ERP数量：</text>{{item.erp_num}}</view>
					<view class="describe"><text>当前ERP金额（根据中标价）：</text>{{item.erp_money}}</view>
					<view class="describe"><text>供应商：</text>{{item.supplier}}</view>
					<view class="describe"><text>实际存放地：</text>{{item.actual_storage_place}}</view>
					<view class="describe"><text>保管分类：</text>{{item.storage_class}}</view>
					<view class="describe"><text>联系人及联系方式：</text>{{item.link_person}} ：{{item.link_peron_tel}}</view>
				</view>
			</view>
	</view>
	</view>
</template>

<script>
	import { materialInventoryListDetailApi } from '@/api/statistics.js';
	export default {
		data(){
			return{
				list:[],
				id:''
			}
		},
		created(){
			this.listDetails()
		},
		methods:{
			async listDetails(){
				const data=await materialInventoryListDetailApi({
					id:this.id
				})
				this.list.push(data.data.data)
			}
		},
		onLoad(data){
			this.id = JSON.parse(data.params).id
		}
		
	}
</script>

<style lang="scss" scoped>
	.content{
		width: 100%;
		.section-0{
			width: 100%;
			background: #2e5efe;
			position: relative;
			z-index: 10;
			.section-body{
				width: 100%;
				height: 100%;
				padding-bottom: 50rpx;
				border-top-left-radius: 50rpx;
				border-top-right-radius: 50rpx;
				background-color: #fff;
				overflow: hidden;
				.list {
					width: 670rpx;
					box-sizing: border-box;
					margin-left: 40rpx;
					margin-top: 40rpx;
					padding: 30rpx;
					background-color: #ffffff;
					border-radius: 40rpx;
					webkit-box-shadow:0px 0px 10px #cccccc;
					moz-box-shadow:0px 0px 10px #cccccc;
					box-shadow: 0px 0px 10px #cccccc;
					position: relative;
					.describe{
						font-size: 30rpx;
						margin-top: 30rpx;
						color: #A2A2A2;
						text{
							color: black;
						}
	
					}
					}
				}
			}
		}
</style>
